{literal}
    <script type="text/javascript">
        $(document).ready(function(){
    	    $(".comment").keyup(function(){
                var content = $(this).val();
                if(content.length <= 90){
                     $("#cptr").val(90 - content.length);
                } else {
                    $("#cptr").val(0);
                    $(this).val(content.substring(0, 90));
                }
                
    	    });
    	});
    </script>
    
{/literal}
{literal}
	<style>
    	#essai_fiche .chapitre p, td{font-size:12px;}
    </style>
{/literal}
<div id="global" class="search">
  {$oZoneHeader}
  <div id="main">
    <div class="file_ariane">
        {$oZoneBreadCrumb}
    </div>
    
    <!-- begin leftContent2-->
    <div id="leftContent2" style="font-size:12px;">
        
      <div id="essai_fiche">
        <div id="essai_fiche">
        <h2>Gérer votre annonce ou recevoir à nouveau vos codes identifiants</h2>
        <div class="wrap">
          <div class="block coordonnees">
            <ul class="menu2">
                <li><a class="aCc" href="{jurl 'annonce~FoAnnonceGestion:gererAnnonce',array('idOccasion'=>$idOccasion)}">Accueil</a></li>
                <li><a class="mod active">Modifier</a></li>
                <li><a class="fOpt" class="vs" href="{jurl 'annonce~FoAnnonceGestion:formuleOptions',array('idOccasion'=>$idOccasion)}">Formule/Option</a></li>
                <li><a class="pht" href="{jurl 'annonce~FoAnnonceGestion:photos',array('idOccasion'=>$idOccasion)}">Photos</a></li>
                <li><a class="vIsu" href="{jurl 'recherche~FoFiche:index',array('id'=>$idOccasion)}">Visualiser</a></li>
                <li><a class="mod2" href="{jurl 'annonce~FoAnnonceGestion:relancer',array('idOccasion'=>$idOccasion)}">Relancer</a></li>
                <li class="last"><a class="sUp" href="{jurl 'annonce~FoAnnonceGestion:supprimer',array('idOccasion'=>$idOccasion)}">Supprimer</a></li>
            </ul>
            <br />
            <strong class="titre" style="margin-bottom:5px;">Options choisies</strong>
            <ul class="st1">
              <li>Annonce uniquement sur le site web d'Auto Occasion</li>
              <li>Avec illustration</li>
            </ul>
            <strong class="titre">Modifier votre annonce</strong>
            <form action="{jurl 'annonce~FoAnnonceGestion:enregistrer'}" method="post">
                <input type="hidden" name="idOccasion" value="{$idOccasion}" />
                <input type="hidden" name="ess_iMarqueId" value="{$voiture->Occas_Marque}" />
                <input type="hidden" name="ess_iModelId" value="{$voiture->Occas_Modele}" />
            	<div class="b2 st7">
              <span class="titre3">Les caractéristiques de votre voiture</span>
              <div>
                <label>Catégorie : </label>
                <select class="st5" name="ess_iCatId">
                    {foreach $toCatVoitures as $oCatVoiture}
                        <option value="{$oCatVoiture->catV_id}"
                                {if (isset($voiture) && ($oCatVoiture->catV_id == $voiture->Occas_Groupe))} selected {/if}
                            >{$oCatVoiture->catV_zLibelle|escxml}</option>
                    {/foreach}
                </select>
                <label>Version : </label>
                <input type="text" value="{if (isset($voiture))} {$voiture->Occas_Version} {/if}" name="ess_zVersion"/>
              </div>
              <div>
                <label>Couleur : </label>
                <input class="st5" type="text" value="{if (isset($voiture))}{$voiture->Occas_Couleur}{/if}"  name="couleur"/>
                <input type="checkbox" name="metal" value="1" {if (isset($voiture) && (($voiture->Occas_Coul_Metal) == 1) )} checked {/if}/>
                <span class="st1">Métallisé</span> </div>
              <div>
                <label>Kilomètrage : </label>
                <input class="st5" type="text" value="{if (isset($voiture)) && $voiture->Occas_Kilometrage}{$voiture->Occas_Kilometrage}{/if}" name="km"/>
                <label>Km moteur : </label>
                <input type="text" value="{if (isset($voiture)  && $voiture->Occas_Kilom_Moteur)}{$voiture->Occas_Kilom_Moteur}{/if}" name="km-moteur"/>
              </div>
              <div>
                <label>Energie : </label>
                 <select  class="st5" id="voiture_energie" name="voiture_energie" >
                    <option value="1" {if (isset($voiture) && (1 == ($voiture->Occas_Carburation)))} selected {/if} >Essence</option>
                    <option value="2" {if (isset($voiture) && (2 == ($voiture->Occas_Carburation)))} selected {/if}>Diesel</option>
                    <option value="3" {if (isset($voiture) && (3 == ($voiture->Occas_Carburation)))} selected {/if}>GPL</option>
                    <option value="4" {if (isset($voiture) && (4 == ($voiture->Occas_Carburation)))} selected {/if}>Electrique</option>
                    <option value="5" {if (isset($voiture) && (5 == ($voiture->Occas_Carburation)))} selected {/if}>BioEthanol</option>
                </select>
                <label>Puis. fiscale : </label>
                <input type="text" value="{if (isset($voiture))}{$voiture->Occas_ChevFisc}{/if}" name="puiss-fiscal"/>
              </div>
              <div>
                <label>Nbre de portes : </label>
                <select class="st5" id="nb-porte" name="nb-porte" >
                    <option value="0"></option>
                    <option value="1" {if (isset($voiture) && (($voiture->Occas_NbPorte) == 1) )} selected {/if}>1</option>
                    <option value="2" {if (isset($voiture) && (($voiture->Occas_NbPorte) == 2) )} selected {/if}>2</option>
                    <option value="3" {if (isset($voiture) && (($voiture->Occas_NbPorte) == 3) )} selected {/if}>3</option>
                    <option value="4" {if (isset($voiture) && (($voiture->Occas_NbPorte) == 4) )} selected {/if}>4</option>
                    <option value="5" {if (isset($voiture) && (($voiture->Occas_NbPorte) == 5) )} selected {/if}>5</option>
                </select>
                <label>Boite : </label>
                <select id="boite" name="boite" style="margin-left:14px;" >
                    <option value="4" {if (isset($voiture) && (($voiture->Occas_Bt_Vitesse) == 4) )} selected {/if}>4 vitesses</option>
                    <option value="5" {if (isset($voiture) && (($voiture->Occas_Bt_Vitesse) == 5) )} selected {/if}>5 vitesses</option>
                    <option value="6" {if (isset($voiture) && (($voiture->Occas_Bt_Vitesse) == 6) )} selected {/if}>6 vitesses</option>
                    <option value="9" {if (isset($voiture) && (($voiture->Occas_Bt_Vitesse) == 9) )} selected {/if}>automatique</option>
                </select>
              </div>
                <!-- prix -->
              <div>
                <label>Prix : </label>
                <input class="st5" type="text" name="voiture_prix" value="{if (isset($voiture))}{$voiture->Occas_Prix}{/if}" />
                <input type="checkbox" value="1" name="voiture_debattre" {if (isset($voiture) && (1 == ($voiture->Occas_Adebattre)))} checked {/if}/>
                <span class="st1">A débattre</span>
                <input type="checkbox" value="1" name="main" {if (isset($voiture) && (($voiture->Occas_Premieremain) == 1) )} checked {/if}/>
                <span class="st1">1ère main</span>
              </div>
              <div>
                <label>Mise en circulation : </label>
                <select id="circulation_1" name="circulation_1" class="st2" >
                    <option value="0"></option>
                    <option value="01">01</option>
                    <option value="02">02</option>
                    <option value="03">03</option>
                    <option value="04">04</option>
                    <option value="05">05</option>
                    <option value="06">06</option>
                    <option value="07">07</option>
                    <option value="08">08</option>
                    <option value="09">09</option>
                    <option value="10">10</option>
                    <option value="11">11</option>
                    <option value="12">12</option>
                </select>
                <select id="circulation_2" name="circulation_2"  class="st3 st5">
                    <option value="0"></option>
                    {for $i = 0;$i < 60; $i++}
                        <option value="{$dateCirculation - $i}">{$dateCirculation - $i}</option>
                    {/for}
                </select>
                
                <!-- script pour pre-choisir la date de mise en circulation-->
                <input type="hidden" id="dmc" value="{if (isset($voiture))}{$voiture->Occas_MiseCirculation}{/if}" />
                {literal}
                <script type="text/javascript">
                    var date = $('#dmc').val();
                    dates = date.split("-");
                    $("#circulation_1 option").each(function(){
                        if( $(this).attr("value") == dates[1]) $(this).attr("selected","selected") ;
                    });
                    $("#circulation_2 option").each(function(){
                        if( $(this).attr("value") == dates[0]) $(this).attr("selected","selected") ;
                    });
                </script>
                {/literal}
                
                <label>Millésime : </label>
                <select id="millesime" name="millesime" style="margin-left:14px;">
                    <option value="0"></option>
                    {for $i=0; $i < 3; $i++}
                        <option value="{$dateCirculation - $i}"
                                {if (isset($voiture) && (($voiture->Occas_Millesime) == ($dateCirculation - $i)) )} selected {/if}
                                >{$dateCirculation - $i}</option>
                    {/for}
                </select>
                {if isset($voiture->Occas_Millesime) && $voiture->Occas_Millesime}
                    <input type="hidden" name="_mill" id="_mill" value="{$voiture->Occas_Millesime}" />
                    {else}
                    <input type="hidden" name="_mill" id="_mill" value="0" />
                {/if}
              </div>
              {literal}
                    <script type="text/javascript">
                        $(function(){
                      		_index = parseInt($('#circulation_2').val());
                            if (_index)
                            {                                
                                $("#millesime").html("");

                                _html  = "<option value=''></option>";
                                _html += "<option value="+(_index - 1)+">"+(_index - 1)+"</option>";
                                _html += "<option value="+_index+">"+_index+"</option>";
                                _html += "<option value="+(_index +1)+">"+(_index +1)+"</option>";
                                $("#millesime").html(_html);
                                millesime_ = $('#_mill').val();
                                $("#millesime option").each(function(){
                                    if( $(this).attr("value") == millesime_) $(this).attr("selected","selected") ;
                                });

                            }
                        });
                    </script>
                {/literal}
              <div><label>Garantie : </label>
                <select id="garantie_1" name="garantie_1" class="st2">
                    <option value="0"></option>
                    <option value="01">01</option>
                    <option value="02">02</option>
                    <option value="03">03</option>
                    <option value="04">04</option>
                    <option value="05">05</option>
                    <option value="06">06</option>
                    <option value="07">07</option>
                    <option value="08">08</option>
                    <option value="09">09</option>
                    <option value="10">10</option>
                    <option value="11">11</option>
                    <option value="12">12</option>
                </select>
                <select id="garantie_2" name="garantie_2" class="st3 st5">
                    <option value="0"></option>
                    {assign $j=0}
                    {while $j < 16}
                        <option value="{$dateCirculation + $j}">{$dateCirculation + $j}</option>
                        {assign $j++}
                    {/while}
                </select>
              </div>
              <input type="hidden" id="gar" value="{if (isset($voiture))}{$voiture->Occas_Garantie}{/if}" />
                {literal}
                <script type="text/javascript">
                    var date = $('#gar').val();
                    dates = date.split("-");
                    $("#garantie_1 option").each(function(){
                        if( $(this).attr("value") == dates[1]) $(this).attr("selected","selected") ;
                    });
                    $("#garantie_2 option").each(function(){
                        if( $(this).attr("value") == dates[0]) $(this).attr("selected","selected") ;
                    });
                </script>
                {/literal}
              <div><label>Contrôle technique : </label>
              	 <select id="ctrl-tech" name="ctrl-tech" >
                    <option value=""></option>
                    <option value="1" {if (isset($voiture) && (($voiture->Occas_CT) == 1) )} selected {/if}>Recalé</option>
                    <option value="2" {if (isset($voiture) && (($voiture->Occas_CT) == 2) )} selected {/if}>Vierge</option>
                    <option value="3" {if (isset($voiture) && (($voiture->Occas_CT) == 3) )} selected {/if}>OK</option>
                    <option value="4" {if (isset($voiture) && (($voiture->Occas_CT) == 4) )} selected {/if}>Non nécessaire</option>
                    <option value="5" {if (isset($voiture) && (($voiture->Occas_CT) == 5) )} selected {/if}>Non effectué</option>
                </select>
              </div>
              <div><label>Immatriculation : </label>
              	<input class="st5" type="text" value="{if (isset($voiture))}{$voiture->Occas_NumImmatricul}{/if}" name="immatriculation"/>
              </div>
            </div>
           {if sizeof($equipement)}
                <div class="b2 st7">
                    <span class="titre3">Vos equipements</span>
                        <div class="equipement">
                            {assign $k = 1}
                            {foreach $equipement as $item}
                            <ul class="e{$k}" style="margin:0px; padding:0px;">
                                <li class="titre_equip"><span>{$item->categ}</span></li>
                                {if sizeof($item->equipment)}
                                    {foreach $item->equipment as $val}
                                        <li>{$val}</li>
                                    {/foreach}
                                {/if}
                            </ul>
                            {if $k == 2} {assign $k = 1} {else} {assign $k++} {/if}

                            {/foreach}
                        </div>
                        <!--end content-->
                </div>
            {else if(isset($voiture->Occas_Equip) && ($voiture->Occas_Equip != ""))}
                <div class="b2 st7">
                    <span class="titre3">Vos equipements</span>
                        <div class="equipement">
                           {$voiture->Occas_Equip}
                        </div>
                        <!--end content-->
                </div>
            {/if}
            <div class="b2 st7">
            	<span class="titre3">Votre commentaire</span><br />
				
                <label>Commentaire : </label><input value="{$comment_length}" type="text" class="st4" id="cptr" readonly="true"/><br /><br />
                <textarea class="st6 comment" name="comment">{if (isset($voiture))}{$voiture->Occas_Commentaire}{/if}</textarea>
            </div>
            <div class="b2 st7">
            	<span class="titre3">Vos Coordonnées</span>
                <p style="margin:-7px 0 15px; padding:0 15px 0 1px;">Pour permettre la mise en ligne de votre annonce, nous avons besoin de vos coordonnées.<br />
                Veuillez remplir le formulaire ci-dessous (l'astérisque signale les champs obligatoires)<br />
                Attention : les codes pour créer votre annonce seront constitués de : votre nom, votre date de naissance et votre numéro d'immatriculation.</p>
			
            <div>
                {foreach $civilite as $civiliteItem}
                    <input type="radio" value="{$civiliteItem->IdCivilite}" name="civilite" id="civ_{$civiliteItem->IdCivilite}"
                            {if(isset($vendeur) && (($civiliteItem->IdCivilite) == ($vendeur->Vendeur_Civilite) ))} checked {/if}
                            />
                <label for="civ_{$civiliteItem->IdCivilite}" style="width:17px;">{$civiliteItem->Civ_Libelle}</label>
                {/foreach}
            </div>
            <div>
            	<label>Nom : </label>
                <input type="text" class="st5"  value="{if(isset($vendeur->Vendeur_Nom))} {$vendeur->Vendeur_Nom} {/if}" name="nom"/>
                <label>Prénom : </label>
                <input type="text" name="prenom" value="{if(isset($vendeur->Vendeur_Prenom))} {$vendeur->Vendeur_Prenom} {/if}" validation="required" />
            </div>
             <div>
            	<label>Date de naissance : </label>
                <input type="text" class="st5" id="datepicker" name="date_naissance" size="20" maxlength="10"  validation="required" value="{if(isset($vendeur->Vendeur_Naissance))} {$vendeur->Vendeur_Naissance|jdatetime:'db_date':'lang_date'} {/if}"/>
                <label>(jj/mm/aaaa)</label>
            </div>
            <div>
            	<label>Adresse : </label>
               <textarea rows="2" name="adresse" cols="40" validation="required">{if(isset($vendeur->Vendeur_Adresse))}{$vendeur->Vendeur_Adresse}{/if}</textarea>
            </div>
            <div>
            	<label>Code postal : </label>
                <input type="text" class="st5" name="cp" value="{if(isset($vendeur->Vendeur_CP))}{$vendeur->Vendeur_CP}{/if}" validation="required" />
                <label>Ville : </label>
                <input type="text" name="ville" value="{if(isset($vendeur->Vendeur_Ville))}{$vendeur->Vendeur_Ville}{/if}" validation="required" />
            </div>
            <div>
                Téléphone 
                (Vous pouvez laisser un commentaire après chaque numéro de téléphone<br />
                - Format : XX XX XX XX XX votre_commentaire )
            </div>
            <div>
                <label>Dom. : </label>
                            <input type="text" class="st5" name="domicile"  value="{if(isset($vendeur->Vendeur_Tel_Dom))} {$vendeur->Vendeur_Tel_Dom} {/if}"/>
                <label>Bur. : </label>
                            <input type="text" name="bureau" value="{if(isset($vendeur->Vendeur_Tel_Bureau))} {$vendeur->Vendeur_Tel_Bureau} {/if}"/>
            </div>
            <div>
                <label>Port. : </label>
                            <input type="text" class="st5" type="text" name="portable" value="{if(isset($vendeur->Vendeur_Tel_Port))} {$vendeur->Vendeur_Tel_Port} {/if}"/>
                <label>Email. : </label>
                            <input type="text" name="email" value="{if(isset($vendeur->Vendeur_Email))} {$vendeur->Vendeur_Email} {/if}"/>
            </div>
            <div>
                <input type="checkbox" value="1" name="transfert" {if isset($vendeur->Vendeur_Transfert) && $vendeur->Vendeur_Transfert} checked {/if}/>J'autorise Auto Occasion à transmettre mes coordonnées à ses partenaires et a me faire parvenir des offres de services pour ma voiture.
            </div>
            </div>
			<div align="center">
                <input type="submit" title="Enregistrer les modifications" value="Enregistrer les modifications">
              </div>
            </form>
             
          </div>
          <div class="more_link relative"><a class="haut" href="#global">Haut page</a></div>
        </div>
        <div class="deco">&nbsp;</div>
      </div>
      </div>
      
      
    </div>
    <!-- end leftContent2-->
    <div id="rightContent">
    	{meta_html js $j_basepath.'design/front/js/carousel_custom2.js'}
 <div id="annonces2">{$oZoneDiapoAnnonce}</div>
      {$oZoneRightContent}
    </div>
    <div class="clear">&nbsp;</div>
  </div>
  <div id="SideBar"><a href="#global"><img alt="" src="{$j_basepath}design/front/images/top.png" title="" /></a></div>
  </div>
{$oZoneFooter}{$oZonePubHidden}